<template>
  <div id="app">
    <!-- <div>
      <ul class="uu">
        <li @click="$router.push('/Home')">
          <i class="van-icon van-icon-wap-home-o"></i>
          <p>首页</p>
        </li>
        <li @click="$router.push('/List')">
          <i class="van-icon van-icon-apps-o"></i>
          <p>商品</p>
        </li>
        <li @click="$router.push('/Shopcar')">
          <i class="van-icon van-icon-shopping-cart-o"></i>
          <p>购物车</p>
        </li>
        <li @click="$router.push('/My')">
          <i class="van-icon van-icon-user-o"></i>
          <p>个人中心</p>
        </li>
      </ul>
    </div> -->
    <router-view />
  </div>
</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.uu {
  width: 100%;
  display: flex;
  height: 63px;
  font-size: 0.16rem;
  position: fixed;
  bottom: 0;
  line-height: 63px;
  justify-content: space-around;
  background: white;

  > li {
    margin-top: 22px;
    flex: 1;
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    > i {
      font-size: 21.7px;
    }
    p {
      margin-top: -16px;
    }
  }
}
</style>
